@import "color";

/* Table */
.el-table {
  width: 100% !important;
}

.el-table th,
.el-table thead.is-group th {
  background: transparent;
  color: #b5b5b5;
  height: 50px;
  padding: 0;
}

.el-table td {
  height: 50px;
  padding: 0;
  color: $--text-major;
}

.el-table .caret-wrapper {
  height: 23px !important;
}

.el-table .sort-caret.ascending {
  top: 0 !important;
}

.el-table .sort-caret.descending {
  bottom: 2px !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background: #f5fbfd !important;
}

.el-tabs__nav-wrap::after {
  background-color: $--border-major;
  height: 1px;
}

/* Pagination */
.el-pagination {
  padding: 0 !important;

  &__sizes {
    margin: 0 !important;

    .el-input {
      margin-right: 0 !important;
    }
  }

  &__jump {
    margin-left: 10px !important;
  }
}

/* Switch */
.el-switch__label {
  color: $--text-major !important;
}

.el-switch__core {
  width: 32px !important;
}

/* Dialog */
.el-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.el-dialog__headerbtn {
  top: 15px;
}

.el-dialog__header {
  padding: 12px 20px;
  border-bottom: 1px solid $--border-major;
}

.el-dialog--center .el-dialog__body {
  padding: 0 !important;
}

// Radio Checkbox
.el-checkbox-group .el-checkbox,
.el-radio-group .el-radio {
  margin-left: 0 !important;

  &:not(:last-child) {
    margin-right: 30px;
  }
}

.el-checkbox-group--row {
  .el-checkbox {
    display: block !important;
    white-space: normal !important;
    margin-right: 0 !important;

    .el-checkbox__input {
      position: absolute;
      top: 13px;
    }

    .el-checkbox__label {
      padding-left: 24px !important;
      line-height: 20px;
    }
  }
}

// form
.el-form-item {
  margin-bottom: 20px;
}

.el-input--small .el-input__inner {
  height: 32px !important;
}

.el-form--inline .el-form-item:last-child {
  margin-right: 0 !important;
}

.el-form-item__label {
  padding-right: 15px !important;
}

.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-input__inner {
  border-color: $--border-major !important;
}

// filter
.m-filter {

  .el-form-item__label,
  .el-form-item__content {
    line-height: 32px !important;
  }

  .el-input-group--append {
    vertical-align: top !important;
  }

  .el-input-group__append {
    padding: 0;
    text-align: center;
    min-width: 32px;
    overflow: hidden;
  }
}

// button
.el-button {
  vertical-align: top;
  font-weight: 400;
}

.el-button--small {
  font-size: 14px;
  padding: 0 15px;
  height: 32px;
  border-radius: 4px;
}

.el-button--default {
  color: $--text-minor;
}

.el-button--default:hover,
.el-button--default:focus {
  border-color: $--text-high;
  background: transparent;
}

.el-button--primary {
  color: $--background-high;
}

.el-button--primary:hover,
.el-button--primary:focus {
  background: lighten($--text-high, 10%);
  box-shadow: 3px 3px 10px lighten($--text-high, 30%);
}

.el-dropdown-menu__item:not(.is-disabled):hover,
.el-dropdown-menu__item:focus {
  background: transparent !important;
}

.el-textarea .el-input__count {
  height: 18px;
  line-height: 18px;
  right: -10px;
  top: 50%;
  transform: translate(100%, -9px);
}

.el-textarea .el-textarea__inner {
  line-height: 28px !important;
}

.el-input .el-input__count {
  position: relative;
  transform: translateX(100%);
  right: -5px;
}

.m-aptitude .el-form-item__label {
  line-height: 24px !important;
  padding: 8px 12px 8px 0 !important;
}

.el-progress--circle {
  vertical-align: middle !important;
}

.el-switch.is-disabled .el-switch__core {
  border-color: #DCDFE6;
  background-color: #DCDFE6;
}

.el-cascader-menu__wrap {
  height: 204px !important;
}

.el-cascader__tags .el-tag>span {
  max-width: 70px;
}

.el-cascader__search-input {
  min-width: 10px !important;
  margin-left: 5px !important;
}

.el-transfer-panel {
  width: 275px !important;
}

.el-transfer-panel__item.el-checkbox {
  display: block !important;
}

.el-transfer-panel__filter {
  width: 243px !important;
}

.el-transfer-panel__filter .el-input__inner {
  border-color: #DCDFE6 !important;
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
  border: 1px solid #DCDFE6 !important;
  background-color: #F5F7FA !important;
  color: #C0C4CC !important;
  box-shadow: none;
}